/* CSS Document */
@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, ul, ol, li, pre, form, fieldset, legend, button, input, textarea {
	margin: 0;
	padding: 0;
}
ul{
    list-style: none;
}
html, body {
	/* width: 100vw;
    overflow: hidden; */
}
a {
	text-decoration: none;
	outline: none;
    font-family: Source Han Sans CN;
    font-size: 0.14rem;
}

span{
    font-family: Source Han Sans CN;
    font-size: 0.18rem;
}

p{
    font-family: Source Han Sans CN;
}
input:focus {
    outline: none;
}
.flex-left{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.flex-right{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.flex-lr{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.flex-center{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.flex-y-top{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.flex-y-bottom{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.flex-nowarp{
    flex-wrap: nowrap;
}
.flex-warp{
    flex-wrap: wrap;
}
.align-center{
    align-items: center;
}

.align-bottom{
    align-items:end;
}
.align-baseline{
    align-items: baseline;
}
.justify-center{
    justify-content: center;
}
.justify-lr{
    justify-content: space-between;
}
.cursor{
    cursor: pointer;
}

.bannerbox{
    width: 100%;
    height: 9.8rem;
    overflow: hidden;
    position: relative;
}
.bannerbox .swiper{
    width: 100%;
    height: 9.8rem;
}
.bannerbox .swiper-slide{
    width: 100%;
    height: 100%;
    position: relative;
}
.bannerbox .swiper-slide .txtbox{
    position: absolute;
    top: 3.4rem;
    left: 2rem;
}
.bannerbox .swiper-slide .txtbox .title{
    color: #FFFFFF;
    font-size: 0.64rem;
    font-weight: bold;
    padding-bottom: 1rem;
}
.bannerbox .swiper-slide .txtbox .bor{
    width: 0.48rem;
    height: 0.04rem;
    background: #fff;
    position: absolute;
    left: 0;
    top:1.5rem;
}
.bannerbox .swiper-slide .txtbox .des{
    font-size: 0.24rem;
    color: #fff;
    font-weight: bold;
    line-height: 0.48rem;
}
.bannerbox .pagination{
    width: 0.48rem;
    /* height: 1.76rem; */
    position: absolute;
    right: 0.8rem !important;
    top:4.5rem;
    z-index: 99;
}

.bannerbox .pagination .pageitem{
    width: 0.48rem;
    height: 0.48rem;
    background-image: url('../images/icon/icon1.png');
    background-size: 0.12rem 0.12rem;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.bannerbox .pagination .pageitem-active{
    background-image: url('../images/icon/icon1_hover.png');
    background-size: 100% 100%;
    animation: banner_active_anim infinite linear 10s;
}

@keyframes banner_active_anim {
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

.bannerbox2{width: 100%;height: 6rem;background-image: url('../images/banner.png');background-size: cover;}
.bannerbox2 .box{
    height: 100%;
    display: flex;
    align-content: center;
    padding: 0 2rem;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.bannerbox2 .box .text_01{
    width: 100%;
    font-size: 0.64rem;
    color: #fff;
    font-weight: bold;
}
.bannerbox2 .box .text_02{
    width: 100%;
    font-size: 0.24rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0.2rem;
}
.bannerbox2 .box .text_line{
    width: 0.6rem;
    height: 0.04rem;
    background-color: #fff;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


.mbannerbox2{display: none;}
.clearboth{clear: both;}
header{
    padding: 0 0.8rem;
    width: calc(100% - 1.6rem);
    height: 0.9rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: absolute;
    top:0;
    left: 0;
    z-index: 999;
}
.header2{
    border-bottom:1px solid rgb(166, 166, 166,0.2);
}
header .logo{
    width: 1.58rem;
    height: 0.5rem;
}

header .tagbox{
    height: 100%;
    padding-right: 0.45rem;
}
header .tagbox a{
    color: #fff;
    font-size: 0.16rem;
    min-width: 0.88rem;
    padding: 0.25rem 0;
    display: block;
    text-align: center;
    margin-left: 0.4rem;
    line-height: 0.9rem;
    height: 0.9rem;
}
header .tagbox .a2{
    color: #252626;
}
header .tagbox a .line{
    opacity: 0;
    background: #1372F7;
    width: 0.32rem;
    height: 0.03rem;
    display: block;
    margin: 0 auto;
}
header .tagbox .active{
    color: #1372F7;
    font-weight: bold;
}
header .tagbox .active .line{
    opacity: 1;
}
header .telbox{
    padding-right: 1.2rem;
}
header .telbox .icon{
    width: 0.32rem;
    height: 0.32rem;
}

header .telbox .tel{
    color: #FFFFFF;
    font-size: 0.28rem;
    font-weight: bold;
    padding-left: 0.1rem;
}
header .telbox .tel2{
    color: #252626;
    font-size: 0.28rem;
    font-weight: bold;
    padding-left: 0.1rem;
}

header .icon2{
    width: 0.28rem;
    height: 0.32rem;
}
.bannerbox .rightbox{
    width: 0.48rem;
    height: 9.8rem;
    position: absolute;
    top:0;
    right: 1.52rem;
    z-index: 998;
    background-image: url('../images/icon/bannerbar.png');
    background-size: 100% 100%;
}

.bannerbox .rightbox .pullpage{
    width: 0.48rem;
    height: 0.48rem;
    position: absolute;
    bottom: 1rem;
}
.mnav{
    display: none;
}
.mbannerbox{
    display: none;
}
.Inbox1{
    width: 100%;
    height: 5.2rem;
    padding: 0.8rem 0;
}
.Inbox1 .contain{
    width: 15.2rem;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.Inbox1 .contain .itembox{
    border-left: 1px solid #E1E3E5;
    height: 100%;
    width: 3.8rem;
    margin-left: -2px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.Inbox1 .contain .itembox .mtit{
    color: #252626;
    font-size: 0.22rem;
    padding-top: 0.4rem;
    font-weight: bold;
}
.Inbox1 .contain .itembox .line{
    width: 0.32rem;
    height: 2px;
    background-color: #1372F7;
    margin-top: 0.2rem;
}
.Inbox1 .contain .itembox .entit{
    color: #8A8D8D;
    text-transform: capitalize;
    font-size: 0.14rem;
    padding-top: 0.2rem;
}
.Inbox1 .contain .itembox .img{
    width: 1.28rem;
    height: 1.28rem;
    margin: 0.45rem 0;
    transition: 0.5s;
}
.Inbox1 .contain .itembox .img:hover{
    transform: scale(1.2) rotate(10deg);
    cursor: pointer;
}

.Inbox1 .contain .itembox a{
    font-size: 0.16rem;
    color: #252626;
    padding-bottom: 0.2rem;
}
.serbox{
    width: 100%;
    height: 18rem;
    position: relative;
}
.serbox .headbox{
    width: 100%;
    height: 3.88rem;
    background-image: url('../images/banner2.png');
    background-size: cover;
}
.serbox .headbox .bgtit{
    width: 8rem;
    height: 0.72rem;
    background-image: url('../images/titlbg.png');
    background-size: 100% 100%;
    position: absolute;
    top:0.8rem;
    left: calc(50% - 4rem);
}
.serbox .headbox .mtit{
    color: #FFFFFF;
    font-size: 0.36rem;
    font-weight: bold;
    display: block;
    text-align: center;
    padding-top: 1.16rem;
}
.serbox .headbox .stit{
    color: #FFFFFF;
    display: block;
    text-align: center;
    font-size: 0.2rem;
    font-weight: bold;
    padding-top: 0.4rem;
}
.serbox .containbox{
    width: 100%;
    position: absolute;
    top:2.6rem;
}
.serbox .containbox .contain{
    width: 15.2rem;
    margin: 0 auto;
}
.serbox .containbox .contain .itembox{
    width: 4.9rem;
    height: 4.2rem;
    background-size: cover;
    margin-bottom: 0.32rem;
    transition-property:background;
    transition-duration:.6s;
}
.serbox .containbox .contain .itembox .title{
    width: 3.6rem;
    margin: 0 auto;
    padding-top: 1.3rem;
    font-size: 0.2rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: none;
}
.serbox .containbox .contain .itembox:hover{
    background-image: url('../images/bg1.png') !important;
}
.serbox .containbox .contain .itembox:hover .title{
    display: block;
    
}
.serbox .containbox .morebox{
    width: 2.4rem;
    height: 0.64rem;
    border: 1px solid #E1E3E5;
    margin: 0 auto;
    margin-top: 0.6rem;
}
.serbox .containbox .morebox i{
    display: block;
    background-image: url('../images/icon/icon4.png');
    width: 0.28rem;
    height: 0.28rem;
    background-size: cover;
}
.needbox{
    width: 100%;
    height: 8.5rem;
    position: relative;
}
.needbox .topbox{
    width: 100%;
    height: 4.1rem;
    background-image: url('../images/bg2.png');
    background-size: cover;
}
.needbox .topbox .mtit{
    display: block;
    color: #FFFFFF;
    font-size: 0.36rem;
    font-weight: bold;
    text-align: center;
    padding-top: 0.75rem;
}
.needbox .topbox .mdes{
    display: block;
    text-align: center;
    font-size: 0.18rem;
    color: #fff;
    padding-top: 0.2rem;
}
.needbox .pnpage{
    width: 1.44rem;
    height: 0.48rem;
    margin: 0 auto;
    padding-top: 0.7rem;
}
.needbox .pnpage .btn{
    height: 0.48rem;
    width: 0.48rem;
    display: block;
    background-size: 100% 100%;
}
.needbox .pnpage .prev{
    background-image: url('../images/icon/icon_prev.png');
}
.needbox .pnpage .next{
    background-image: url('../images/icon/icon_next.png');
}
.needbox .bottombox{
    width: 100%;
    height: 5.2rem;
    position: absolute;
    top:3.3rem;
    z-index: 99;
    overflow: hidden;
}
.needbox .bottombox .swiper-wrapper{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
.needbox .bottombox .swiper-slide{
    /* height: 5.2rem; */
    height: 4.4rem;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 300ms;
    transition: height .4s;
    /* transform: scale(0.8); */
}
.needbox .bottombox .swiper-slide .mtit{
    padding-top: 0.5rem;
    text-align: center;
    font-size: 0.24rem;
    font-weight: bold;
    color: #262525;
}
.needbox .bottombox .swiper-slide .desc{
    padding-top: 0.2rem;
    width: 11.4rem;
    margin: 0 auto;
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #575859;
    text-align: center;
}
.needbox .bottombox .swiper-slide-active{
    width: 13.2rem !important;
    background-color: rgba(255, 255, 255);
    height: 5.2rem;
    /* transform: scale(1); */
}
.needbox .bottombox2{
    display: none;
}
.needbox .snavbox{
    padding: 0.3rem 0;
    width: 11.4rem;
    margin: 0 auto;
}
.needbox .snavbox .item{
    width: 1.04rem;
    height: 0.8rem;
}
.needbox .snavbox .icon{
    width: 0.37rem;
    height: 0.34rem;
}
.needbox .snavbox .tit{
    color: #252626;
    font-size: 0.16rem;
    text-align: center;
    padding-top: 0.24rem;
}
.needbox .bottombox .swiper-slide-active .adbox{
    border-top: 1px dashed #E1E3E5;
}
.needbox .adbox{
    padding-top: 0.3rem;
    height: 1.28rem;
    width: 11.6rem;
    margin:0 auto;
}
.needbox .adbox .thumb{
    width: 2.48rem;
    height: 1.28rem;
}
.partenbox{
    width: 100%;
}
.partenbox .head{
    width: 100%;
    height: 4rem;
    background-image: url('../images/bg3.png');
    background-size: cover;
}
.partenbox .head .contain{
    width: 15.2rem;
    height: 3rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.partenbox .head .contain .tit{
    color: #fff;
    font-size: 0.4rem;
    font-weight: bold;  
    display: block;
    padding-top: 0.95rem;
}
.partenbox .head .contain .entit{
    font-size: 0.18rem;
    color: #fff;
    display: block;
    padding-top: 0.2rem;
}
.partenbox .head .contain .snavbox{
    height: 0.48rem;
    width: 55%;
    padding-top: 0.7rem;
}

.partenbox .head .contain .snavbox a{
    display: block;
    padding: 0.15rem 0.24rem;
    color: #fff;
    font-size: 0.16rem;
    display: block;
    background-color: #1372F7;
    border-radius: 0.5rem;
    margin-left: 0.2rem;
}
.partenbox .contain2{
    position: relative;
    width: 15.2rem;
    height: 5.04rem;
    margin: 0 auto;
}

.partenbox .contain2 .leftbox{
    width: 5.32rem;
    height: 7.04rem;
    background: #1372F7;
    left: 0;
    top:-2rem;
    position: absolute;
}

.partenbox .contain2 .titbox{
    width: 4.2rem;
    height: 0.42rem;
    margin: 0 auto;
    margin-top: 0.8rem;
    background-image: url('../images/txtbg.png');
    background-size: 100% 100%;
    color: #fff;
    padding-top: 0.3rem;
    font-size: 0.36rem;
    font-weight: bold;
}
.partenbox .contain2 .leftbox .line{
    width: 0.32rem;
    height: 4px;
    display: block;
    background-color: #fff;
    margin-top: 0.4rem;
    margin-left: 0.56rem;
}
.partenbox .contain2 .leftbox .n1{
    padding-left: 0.4rem;
    padding-top: 0.54rem;
}
.partenbox .contain2 .leftbox .n1 span:first-child{
    font-size: 0.28rem;
    font-weight: bold;
    color: #FFFFFF;
}
.partenbox .contain2 .leftbox .n1 span:last-child{
    font-size: 0.18rem;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 0.05rem;
}
.partenbox .contain2 .leftbox .n2{
    width: 4.2rem;
    height: 1.08rem;
    margin-left: 0.56rem;
    margin-top: 0.45rem;
}
.partenbox .contain2 .leftbox .n2 p{
    font-size: 0.4rem;
    font-weight: bold;
    color: #fff;
    padding-bottom: 0.2rem;
}
.partenbox .contain2 .leftbox .more{
    position: absolute;
    width: 0.56rem;
    height: 0.36rem;
    background-image: url('../images/icon/icon13.png');
    background-size: 100% 100%;
    top:5.32rem;
    left:0.56rem;
}
.partenbox .contain2 .leftbox .bg{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3.44rem;
    height: 3.32rem;
    background-image: url('../images/bg4.png');
    background-size: cover;
}
.partenbox .contain2 .adsbox{
    width: 9.04rem;
    height: 3.04rem;
    position: absolute;
    top:0.8rem;
    left: 6.16rem;
}
.partenbox .contain2 .adsbox .ad{
    width: 1.68rem;
    height: 0.88rem;
    background-size: 100% 100%;
    margin-right: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partenbox .contain2 .adsbox .ad img{
    max-width: 100%!important;
    min-height: 100%;
}
.partenbox .contain2 .adsbox .ad:hover{
    
}
.partenbox .contain2 .adsbox2{
    display: none;
}
footer{
    width: 100%;
    height: 6.56rem;
    background: #252626;
}
footer .container{
    width: 15.2rem;
    height: 100%;
    margin: 0 auto;
}
footer .container .fnavbox{
    width: 100%;
    padding-top: 0.8rem;
}
footer .container .fnavbox .item{
    width: 2.16rem;
}
footer .container .fnavbox .item .mtit{
    font-size: 0.18rem;
    font-weight: bold;
    color: #fff;
}
footer .container .fnavbox .item .line{
    width: 0.24rem;
    height: 2px;
    background-color: #fff;
    margin-top: 0.24rem;
}

footer .container .fnavbox .item a{
    color: #8A8D8D;
    font-size: 0.14rem;
    padding-top: 0.2rem;
}
footer .container .fnavbox .item a:hover{
    color: #fff;
}
footer .container .fnavbox .item:last-child{
    width: 1.4rem;
}
footer .container .fnavbox .item .ewm{
    /* width: 1.2rem;
    height: 1.2rem; */
    width: 2rem;
    /*height: 2.5rem;*/
    margin-top: 0.24rem;
}
footer .container .yrbox{
    padding-top: 0.6rem;
    width: 100%;
    overflow: hidden;
}
footer .container .yrbox .tab a{
    font-size: 0.16rem;
    color: #8A8D8D;
    padding-right: 0.3rem;
}
footer .container .yrbox .tab .on{
    font-weight: bold;
    color: #fff;
}
footer .container .yrbox .tab a:hover{
    color: #fff;
    font-weight: bold;
}
footer .container .yrbox .nr{
    margin-left: -0.3rem;
}
footer .container .yrbox .nr a{
    color: #8A8D8D;
    font-size: 0.14rem;
    padding-left: 0.3rem;
    padding-top: 0.2rem;
}
footer .container .yrbox .nr a:hover{
    color: #fff;
}
footer .container .yrbox .nr2{
    display: none;
    padding-top: 0.2rem;
}
footer .container .footinfo{
    padding-top: 0.4rem;
}
footer .container .footinfo p{
    font-size: 0.16rem;
    padding-bottom: 0.2rem;
    color: #8A8D8D;
}
footer .container .footinfo p a{
    font-size: 0.16rem;
    color: #8A8D8D;
}
.mfoot{display: none;}
.fixed-foot{
    width: 100%;
    height: 1.32rem;
    background: #fff;
    position: sticky;
    bottom: 0;
    z-index: 999;
    display: none;
}
.fixed-foot .contain{
    width: 15.2rem;
    height: 1.32rem;
}
.fixed-foot .contain .mtit{
    font-size: 0.24rem;
    font-weight: bold;
    color: #1372F7;
    padding-top: 0.35rem;
}
.fixed-foot .contain .desc{
    color: #252626;
    font-size: 0.16rem;
    padding-top: 0.2rem;
}
.fixed-foot .contain .formbox{
    padding-left: 0.6rem;
    width: 11.8rem;
}
.fixed-foot .contain .formbox input{
    border: none;
    width: 2.12rem;
    height: 0.24rem;
    padding: 0.16rem 0.1rem;
    background: #F5F7FA;
    margin-right: 0.16rem;
}
.fixed-foot .contain .formbox .selbox{
    background: #F5F7FA;
    width: 2.32rem;
    height: 0.56rem;
}
.fixed-foot .contain .formbox .btn{
    width: 1.76rem;
    height: 0.56rem;
    background-color: #1372F7;
    color:#fff;
    font-size: 0.16rem;
    margin-left: 0.28rem;
}
.fixed-mfoot{
    display: none;
}

.totopbox{
    position: fixed;
    bottom: 1rem;
    width: 0.4rem;
    height: 0.4rem;
    right: 0.8rem;
    display: block;
}
.totopbox img{
    width: 100%;
    height: 100%;
}